<template>
	<sy-navigation :homejb="'kefu'" :showTurn='true' :scrollTopNum="scrollTopNum" @showTurnHandle="showTurnHandle">
		<template #header>
			<view class="header_title_c">
				 问题咨询
			</view>
		</template>
		<view class="fuku_view">
			<image src="../../static/kfbg.png" class="kfbg_img"></image>
			<image src="../../static/fxkf.png" class="fxkf_img"></image>
			<view class="fenxiang_box">
				<view class="tt1">
					添加小助手进群立享
				</view>
				<view class="tt2">
					群内第一时间发布中考消息、中考分数线
					教师、考生、家长一起交流！
				</view>
				<view class="evm_box">
					<image :src="evmUrl" class="fx_img"></image>
				</view>
				<view class="zhushou">
					<view class="c_txt">
						长按识别二维码
					</view>
					<view class="c_txt2">
						添加小助手，微信进群立即咨询
					</view>
				</view>
			</view>
		</view>
	</sy-navigation>
</template>

<script>
	export default {
		data() {
			return {
				scrollTopNum:0,
				evmUrl:""
			};
		},
		onPageScroll(e) {
		    // e.scrollTop 表示当前页面滚动的距离
		    console.log('页面滚动距离：', e.scrollTop);
			this.scrollTopNum = e.scrollTop;
			
		},
		// 1.发送给朋友
		onShareAppMessage(res) {
			let path = ''
			if(uni.getStorageSync('shareId')){
				path = '/pages/home/home?shareId='+uni.getStorageSync('shareId')
			}else{
				path = '/pages/home/home'
			}
			return {
				title: '志愿填报',
				path,
				// imageUrl: this.share.imageUrl,
			}
		},
		//2.分享到朋友圈
		onShareTimeline(res) {
			let path = ''
			if(uni.getStorageSync('shareId')){
				path = '/pages/home/home?shareId='+uni.getStorageSync('shareId')
			}else{
				path = '/pages/home/home'
			}
			return {
				title: '志愿填报',
				path,
				// imageUrl: this.share.imageUrl,
			}
		},
		computed:{
			userInfo(){
				return this.$store.state.userInfo
			},
		},
		onLoad() {
			this.getShareEvm()
		},
		methods:{
			getShareEvm(){
				this.$queryApi("post","/school.school/faqGroup", {}, res => {
					console.log(res,"login")
					this.evmUrl = res.data.url
				},"","noMsg")
			},
			showTurnHandle(){
				uni.switchTab({
					url:"/pages/mine/mine"
				})
			},
		}
	}
</script>

<style lang="scss">
.header_title_c{
	color: #333333;
	font-size: 36rpx;
	font-weight: 400;
	left: 50%;
	position: absolute;
	top:50%;
	transform: translate(-50%,-50%);
	.turn_img{
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		left: 0;
		top: 0%;
	}
}
.fuku_view{
	width: 750rpx;
	min-height: 100vh;
	// overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	.kfbg_img{
		width: 750rpx;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.fxkf_img{
		width: 96rpx;
		height: 96rpx;
		position: fixed;
		right: 30rpx;
		bottom: 210rpx;
		z-index: 3;
	}
	.fenxiang_box{
		width: 690rpx;
		position: absolute;
		z-index:1;
		background-color: #fff;
		border-radius: 40rpx;
		text-align: center;
		left: 30rpx;
		top: 460rpx;
		padding: 40rpx 55rpx 80rpx;
		box-sizing: border-box;
	
		.tt1{
			font-size: 48rpx;
			padding-bottom: 26rpx;
		}
		.tt2{
			font-size: 32rpx;
		}
		.fx_img{
			width: 400rpx;
			height: 400rpx;
			padding: 30rpx 0;
		}
		.zhushou{
			.c_txt{
				font-size: 36rpx;
			}
			.c_txt2{
				font-size: 28rpx;
				padding-top: 10rpx;
			}
		}
	}
}
</style>
